<template>
  <div>
    <div>
      <template>
        <el-tabs v-model="activeName">
          <el-tab-pane label="告警管理" name="first">
            <alarm-recording/>
          </el-tab-pane>
          <el-tab-pane label="告警记录" name="second">
            <alarm-setting/>
          </el-tab-pane>
        </el-tabs>
      </template>
    </div>
  </div>
</template>

<script>
    //告警记录
    import AlarmSetting from '@/views/iot/device/alarm/particulars/alarmSetting'
    //告警管理
    import AlarmRecording from '@/views/iot/device/alarm/particulars/alarmRecording'

    export default {
        name: 'AlarmManagement',
        components: {
            AlarmRecording,
            AlarmSetting
        },
        data() {
            return {
                //定义默认展示页
                activeName: "first"
            }
        },

    }
</script>

<style scoped>
  .view {
    position: absolute;
    top: 7px;
    left: 200px;
  }
</style>
